<template>
  <view>
    <button v-for="(item, index) in list" :key="index" @click="goOutUrl(item.url)">{{ item.txt }}</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      url: '',
      title: '',
      list: []
    };
  },
  methods: {
    // 要想实现小程序跳转任意域名，需要nginx配置反向代理。我们规定，反向代理的路径为域名，去掉.后所得的字符串
    goOutUrl(url) {
      // 通过url获取域名
      let nginxPath = url.split('/')[2].split('.').join('');
      uni.navigateTo({
        url: `pages/view/outer-view?path=${nginxPath}&url=${url}`
      });
    }
  }
};
</script>

<style></style>
